<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的订单-多益商城</title>
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/font/iconfont.css">
    <link rel="stylesheet" href="/css/myOrder.css">
</head>
<body>
    <header></header>
    <main>
        <div class="main">
            <div class="gohome">
                <a href="/index.html">&lt返回首页</a>
            </div>
            <div class="menu">
                <ul>
                    <p>我的商城</p>
                    <li class=""><a href="/html/myOrder.html">我的订单</a></li>
                    <li><a href="/html/coupons.html">优惠卷</a></li>
                    <li class="ac"><a href="javasrcipt:;">我的地址</a></li>
                </ul>
            </div>
            <!-- 我的订单 -->
            <div class="order-all appear">
                <div class="nav">
                    <ul>
                        <li class="ac"><a href="#">全部订单</a></li>
                        <li><a href="#">待付款</a></li>
                        <li><a href="#">待发货</a></li>
                        <li><a href="#">待收货</a></li>
                    </ul>
                </div>
                <div class="no-order">
                    <div class="no-order-one">
                        <i></i>
                        <div class="message">
                            <p>没有订单哦~</p>
                            <a href="/index.html">去购物&#62</a>
                        </div>
                    </div>
                    <div class="no-order-one appear">
                        <i></i>
                        <div class="message">
                            <p>没有待付款的订单哦~</p>
                            <a href="/index.html">去购物&#62</a>
                        </div>
                    </div>
                    <div class="no-order-one appear">
                        <i></i>
                        <div class="message">
                            <p>没有待发货的订单哦~</p>
                            <a href="/index.html">去购物&#62</a>
                        </div>
                    </div>
                    <div class="no-order-one appear">
                        <i></i>
                        <div class="message">
                            <p>没有待收货的订单哦~</p>
                            <a href="/index.html">去购物&#62</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 优惠卷 -->
            <div class="coupon-detail appear">
                <ul class="title">
                    <li class="active"><a href="#">可用优惠券 <span>(0)</span></a></li>
                    <li class=""><a href="#">已用优惠券 <span>(0)</span></a></li>
                    <li class=""><a href="#">过期优惠券 <span>(0)</span></a> </li>
                </ul>
                <div class="coupon-content">
                    <p class="exchange">
                        <input class="coupon-code" type="text" placeholder="输入优惠码">
                        <button class="receive-coupon-code">兑换</button>
                    </p>
                    <div class="coupon-main">
                    </div>
                </div>
                <div class="coupon-user-coupon">
                </div>
            </div>
            <!-- 我的地址 -->
            <div class="address-detail ">
                <div class="address-title">
                    <ul>
                        <li class="active"><a href="javascript:;">我的地址</a></li>
                    </ul>
                </div>
                <div class="address-bar">
                    <ul>
                        <li class="name">姓名</li>
                        <li class="place">地址</li>
                        <li class="tel">联系电话</li>
                        <li class="operate">操作</li>
                    </ul>
                </div>
                <div class="address-list">
                </div>
                <div class="add-site"><i class="add-place"></i> 新增收货地址</div>
            </div>
        </div>   
    </main>
    <footer></footer>
    <!-- 登录 -->
    <div class="modal fade login" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title ac" id="myModalLabel"><a>战盟快捷登录</a></h4>
              <h4 class="modal-title" id="myModalLabel"><a>战盟帐号登录</a></h4>
            </div>
            <div class="modal-body ewm1">
              <img src="/img/ewm-4.gif" alt="">
              <p>使用<span>多益战盟APP</span>扫码安全登录</p>
            </div>
            <!-- <div class="modal-footer footer1 appear">
                <a href="#">下载多益战盟</a>
                <a href="#">注册战盟帐号</a>
                <a href="#">忘记密码</a>
            </div> -->
            <div class="modal-body zhanghao appear" >
                <div>
                    <i class="iconfont icon-youjian"></i>
                    <input type="text" placeholder="战盟账号">
                </div>
                <div>
                    <i class="iconfont icon-icon_suo-"></i>
                    <input type="password" placeholder="密码">
                </div>
                <button>登录</button>
              </div>
              <div class="modal-footer footer1">
                  <a href="#">下载多益战盟</a>
                  <a href="#">注册战盟帐号</a>
                  <a href="#">忘记密码</a>
              </div>
          </div>
        </div>
      </div>
    <script src="/libs/require/require.js" data-main="/js/myOrder"></script>
</body>
</html>